<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 公用cssjs -->
    <link rel="stylesheet" href="./css/all.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/rem.js"></script>
    <link rel="stylesheet" href="./css/swiper.min.css">
</head>

<body>
    <!-- 头部 -->
    <section>
        <nav>
            <div class="w1400">
                <!-- 语言切换搜索 -->
                <div class="flex flex_al lang ">
                    <div class="ss flex_al">
                        <img src="./img/ss.png" alt="">
                    </div>
                    <div class="lang_active flex_al">
                        <a href="/?lang=zh_cn">
                            中文
                        </a>
                        <div>
                        </div>
                        <a href="/?lang=en">
                            English
                        </a>
                    </div>
                </div>
                <!-- 导航盒子 -->
                <div class="flex_sb flex_al">
                    <a href="" class="nav_logo">
                        <img src="./img/logo.jpg" alt="">
                    </a>
                    <div class="flex">
                        <div class="nav_item">
                            <a href="">
                                首页
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>

                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                关于大会
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                学术交流
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                报名参会
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                培育钻石
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                三磨展
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                往届回顾
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                新闻中心
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                        <div class="nav_item">
                            <a href="">
                                联系我们
                            </a>
                            <!-- 二级 -->
                            <div class="erji">
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                                <a>
                                    二级
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <!-- swiper -->
        <div class="swiper_index">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/banner.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/banner.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/banner.jpg" alt="">
                </div>
            </div>
            <div class="swiper-button-prev swiper-button-white index_next">
                <img src="./img/jian.png" alt="">
            </div>
            <div class="swiper-button-next swiper-button-white index_next">
                <img src="./img/jian.png" alt="">
            </div>
        </div>
    </section>
    <!-- 内容 -->
    <div class="ab_01">
        <!-- 面包屑 -->
        <div class="mian">
            <div class="flex_sb w1400">
                <div class="flex mian_left">
                    首页 <span> > </span> <a href="">关于大会</a> <span> > </span> 大会简介
                </div>
                <div class="flex mian_right">
                    <a href="" class="mian_active">
                        大会简介
                    </a>
                    <a href="">
                        组织机构
                    </a>
                    <a href="">
                        日程安排
                    </a>
                    <a href="">
                        商旅服务
                    </a>
                    <a href="">
                        往届回顾
                    </a>
                </div>
            </div>

        </div>
        <!-- 大会简介 -->
        <div class="neirong">
            <!-- 大会简介标题 -->
            <div class="biaoti center">
                <div>
                    学术交流
                </div>
            </div>
            <!-- 大会详情 -->
            <div class="dh_content w1400">
                <!-- 分会切换按钮 -->
                <div class="flex fenhui_nav">
                    <a href="" class="fenhui_nav_active">
                        分会场一
                    </a>
                    <a href="">
                        分会二
                    </a>
                    <a href="">
                        分会场三
                    </a>
                    <a href="">
                        分会场四
                    </a>
                    <a href="">
                        分会场五
                    </a>
                    <a href="">
                        分会场六
                    </a>

                </div>
                <!-- 分会介绍 -->
                <div class="fhjs_box flex_al flex_sb">
                    <div class="fhjs_box_left">
                        <h3>金刚石材料合成</h3>
                        <div>
                            拟邀请吉林大学、北京高压科学研究中心、中南大学、浙江工业大学、
                            中科院金属所、中国科学院物理研究所、中国水产科学研究院东海水产研究
                            所、日本住友商事株式会社、美国斯坦福大学、俄罗斯科学院地质与矿物学
                            研究所等单位的专家或科研人员，围绕金刚石材料的合成与未来应用领域进
                            行探讨，为国内相关领域的从业人员提供跟踪学术前沿、了解产业动态、开
                            发新兴市场的机会。
                        </div>
                    </div>
                    <div class="fhjs_box_img">
                        <img src="./img/banner.jpg" alt="">
                    </div>
                </div>
                <!-- 分会表格 -->
                <div class="fh_table center">
                    <div class="fh_tr fh_tr_top flex_sb">
                        <div class="fh_th">
                            序号
                        </div>
                        <div class="fh_th">
                            专题内容
                        </div>
                        <div class="fh_th">
                            演讲者
                        </div>
                    </div>
                    <div class="fh_tr_box">
                        <div class="fh_tr flex_sb">
                            <div class="fh_td">
                                1
                            </div>
                            <div class="fh_td">
                                专题内容专题内容专题内容专题内容专题内容专题内容专题内容专题内容
                            </div>
                            <div class="fh_td">
                                徐良教授
                            </div>
                        </div>
                        <div class="fh_tr_xx">
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介
                            内容简介内容。
                        </div>
                    </div>
                    <div class="fh_tr_box">
                        <div class="fh_tr flex_sb">
                            <div class="fh_td">
                                1
                            </div>
                            <div class="fh_td">
                                专题内容专题内容专题内容专题内容专题内容专题内容专题内容专题内容
                            </div>
                            <div class="fh_td">
                                徐良教授
                            </div>
                        </div>
                        <div class="fh_tr_xx left">
                            <!-- 介绍标题 -->
                            <h3 class="js_title">
                                题目
                            </h3>
                            <div class="js_tm">
                                XXXXXXXXXXXXXXXX
                            </div>
                            <!-- 介绍标题 -->
                            <h3 class="js_title">
                                简介
                            </h3>
                            <div class="js_tm">
                                简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                                简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介
                                内容简介内容。
                            </div>
                            <!-- 介绍标题 -->
                            <h3 class="js_title">
                                嘉宾
                            </h3>
                            <!-- 嘉宾盒子 -->
                            <div class="xs_jb_box flex_sb flex_al">
                                <div class="xs_jb_box_img"> 
                                    <img src="./img/banner.jpg" alt="">
                                </div>

                                <div class="xs_jb_text">
                                    <div class="flex xs_jb_text_name">
                                        <div>徐良</div>
                                        <span>
                                            教授
                                        </span>
                                        <p>中国地质大学（北京）</p>
                                    </div>
                                    <div class="xs_jb_text_content">
                                        专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍
                                        专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家
                                        介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍专家介绍。
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="fh_tr_box">
                        <div class="fh_tr flex_sb">
                            <div class="fh_td">
                                1
                            </div>
                            <div class="fh_td">
                                专题内容专题内容专题内容专题内容专题内容专题内容专题内容专题内容
                            </div>
                            <div class="fh_td">
                                徐良教授
                            </div>
                        </div>
                        <div class="fh_tr_xx">
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介
                            内容简介内容。
                        </div>
                    </div>
                    <div class="fh_tr_box">
                        <div class="fh_tr flex_sb">
                            <div class="fh_td">
                                1
                            </div>
                            <div class="fh_td">
                                专题内容专题内容专题内容专题内容专题内容专题内容专题内容专题内容
                            </div>
                            <div class="fh_td">
                                徐良教授
                            </div>
                        </div>
                        <div class="fh_tr_xx">
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容
                            简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介内容简介
                            内容简介内容。
                        </div>
                    </div>
                  

                </div>
            </div>

        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="footer_box w1400">
            <h3>
                2024金刚石产业大会组委会
            </h3>
            <div class="footer_box_flex flex_sb">
                <div class="footer_box_flex_one">
                    <div>电话：
                        <a href="">
                            18537168801
                        </a>
                        <a href="">
                            13526508512
                        </a>
                    </div>
                    <div class="">
                        邮箱：
                        <a href="">
                            mry@diamondgroup.cn
                        </a><br>
                        <a href="" class="blocks blocks_a">
                            mry@diamondgroup.cn
                        </a>
                    </div>
                    <div>
                        地 址：河南省郑州市金水区地润路18号建业总部港A座
                    </div>
                </div>
                <div class="footer_box_flex_center">
                    <div class="flex_sb">
                        <div>
                            <a href="">网站首页</a>
                            <a href="">关于大会</a>
                            <a href="">学术交流</a>
                            <a href="">报名参会</a>
                        </div>
                        <div>
                            <a href="">培育钻石</a>
                            <a href="">新闻中心</a>
                            <a href="">三磨展</a>
                            <a href="">往届回顾</a>
                        </div>
                        <div>
                            <a href="">商旅服务</a>
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="footer_box_flex_treen">
                    <div>
                        <img src="./img/banner.jpg" alt="">
                    </div>
                    <p>公众号</p>
                </div>
            </div>
            <!-- 版权 -->
            <div class="footer_box_bq">
                Copyright©2024 金刚石产业大会 版权所有
                <a href="">ICP备XXXXXXXX号-1</a>
            </div>
        </div>
    </footer>
</body>
<script src="./js/swiper.min.js"></script>
<script>
    // 学术交流js
    $(".fh_tr_box").hover(function(){
        $(this).children(".fh_tr_xx").stop().slideDown()
    },function(){
        $(this).children(".fh_tr_xx").stop().slideUp()
    })
    // 首页轮播图
    var mySwiper = new Swiper('.swiper_index', {
        autoplay: 4500,//可选选项，自动滑动
        prevButton: '.swiper-button-prev',
        nextButton: '.swiper-button-next',
    })
    // 首页视频展示
    var mySwiper1 = new Swiper('.index_video_right_item_box', {
        // autoplay: 2000,
        //可选选项，自动滑动
        observer: true, // 监控Swiper容器的变化
        observeParents: true, // 监控Swiper的父元素变化
        pagination: '.swiper-pagination',
    })
    // 首页大会嘉宾
    var mySwiper2 = new Swiper('.index_jb_box_lb', {
        autoplay: 4500,//可选选项，自动滑动
        pagination: '.swiper-pagination2',
        slidesPerView: 4,
        spaceBetween: '1.8%',
        paginationClickable: true,
    })
    // 首页会议轮播
    var mySwiper3 = new Swiper('.swiper_hy', {
        slidesPerView: 5,//一行显示5个
        // slidesPerColumn: 2,//显示2行
        loop: true,
        simulateTouch: false,
        autoplay: 4000,
        spaceBetween: '1.7%',
        pagination: '.swiper-pagination3',
        paginationClickable: true,

    })
    // 首页会议轮播
    var mySwiper4 = new Swiper('.swiper_mt', {
        slidesPerView: 5,//一行显示5个
        loop: true,
        simulateTouch: false,
        autoplay: 4000,
        spaceBetween: '1.7%',
        pagination: '.swiper-pagination4',
        paginationClickable: true,

    })
    // 首页会议轮播
    var mySwiper5 = new Swiper('.swiper_hangye', {
        slidesPerView: 3.3,//一行显示5个
        loop: true,
        simulateTouch: false,
        autoplay: 4000,
        spaceBetween: '1.7%',
        pagination: '.swiper-pagination5',
        paginationClickable: true,
    })
    // pc下拉导航
    $(".nav_item").hover(function () {
        $(this).children(".erji").stop().slideDown()
    }, function () {
        $(this).children(".erji").stop().slideUp()
    })
    active_video(0)
    function active_video(e) {
        var a = e
        $(".index_video_left").find("a").css('color', '#333333')
        $(".index_video_left>a").eq(a).css('color', '#389BC8')
        $(".index_video_right>.index_video_right_item").stop().hide()
        $(".index_video_right>.index_video_right_item").eq(a).stop().show()
        setTimeout(function () {
            mySwiper1.update();
        }, 300); //
    }
    $(".index_xw_you_list_item").hover(function () {
        $(this).siblings().removeClass("index_xw_you_list_item_active")
        $(this).addClass("index_xw_you_list_item_active")
    })
</script>

</html>